<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Onderwijsloket - Gemeente Den Haag</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<a href="#main" title="Spring naar inhoud" class="el-accessibility">Spring naar inhoud</a>
<div id="page">
<!-- header on -->
<header class="pg-head">
	<nav class="pg-hd-user">
    <div class="pg-inner cf">
      <dl class="bl-hd-nav">
        <dt>Mijn</dt>
        <dd class="lists">
        	<a class="active" href="#" title="Lijsten"><span class="icon"></span>Lijsten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Lonneke’s lijst">Lonneke’s lijst <span>(5)</span></a></li>
            <li><a href="#" title="Overleg 07-07-2013 - te bespreken">Overleg 07-07-2013 - te bespreken <span>(10)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Ter aanvulling tot 22-07-2013 <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="searches">
        	<a href="#" title="Zoekopdrachten"><span class="icon"></span>Zoekopdrachten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Aanvragen-OWB, Concept, 2013 - 8">Aanvragen-OWB, Concept, 2013 - 8 <span>(22)</span></a></li>
            <li><a href="#" title="Aanvragen-OWB, Aanvullen,  2013- 7">Aanvragen-OWB, Aanvullen,  2013- 7 <span>(15)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Subsidies, Actieve ouders <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="notifications">
        	<a href="#" title="Notificaties"><span class="icon"></span>Notificaties <span class="size">12</span></a>
          <!-- dropdown on -->
          <ul class="bl-notices">
          	<li class="first reminder-red">
            	<span class="icon"></span>
              <a href="#" title="Nog 2 dagen voor indienen Onderwijsbeleid 2013 - ronde 8"><span>Nog 2 dagen</span> voor indienen Onderwijsbeleid 2013 - ronde 8</a>
            </li>
            <li class="reminder-yellow">
            	<span class="icon"></span>
              <a href="#" title="Nog 14 dagen voor aanvullen Onderwijsbeleid 2013 - ronde 7"><span>Nog 14 dagen</span> voor aanvullen Onderwijsbeleid 2013 - ronde 7</a>
            </li>
            <li class="info-yellow">
            	<span class="icon"></span>
              <a href="#" title="Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000">Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000</a>
            </li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
      </dl>
      <p class="bl-hd-user"><strong>G. van Beveren</strong>, Bestuur Lucas Onderwijs <span><a href="#" title="Uitloggen">Uitloggen</a></span></p>
    </div>
  </nav>
  <div class="pg-hd-main">
    <div class="pg-inner cf">
      <div class="bl-hd-logo"><a href="#" title="Onderwijsloket">Onderwijsloket <span>Gemeente Den Haag</span></a></div>
      <div class="el-nav-top"><a href="#" title="Menu">Menu</a></div>
      <div class="bl-hd-form">
        <form action="">
          <label for="inp_srh">Zoek</label>
          <input id="inp_srh" type="text" placeholder="Zoek op bijv. aanvraagnummer, instelling, trefwoord..." />
          <button type="submit">Zoek</button>
        </form>
      </div>
    </div>
  </div>
</header>
<!-- header off -->
<!-- nav on -->
<nav class="pg-nav">
	<div class="pg-inner cf">
  	<ul>
    	<li><a href="#" title="Startpagina">Startpagina</a></li>
      <li><a href="#" title="Mijn aanvragen">Mijn aanvragen</a></li>
      <li><a href="#" title="Mijn meldingen">Mijn meldingen</a></li>
      <li><a href="#" title="Mijn scholen / instellingen">Mijn scholen / instellingen</a></li>
    </ul>
    <ul class="bl-links">
    	<li><a href="#" title="Subsidies &amp; voorzieningen">Subsidies &amp; voorzieningen</a></li>
      <li class="more">
      	<a href="#" title="meer...">meer...</a>
        <ul class="bl-hidden-links">
        	<li><a href="#" title="Scholen en instellingen">Scholen en instellingen</a></li>
          <li><a href="#" title="Gemeente informatie">Gemeente informatie</a></li>
          <li class="last"><a href="#" title="Contact">Contact</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>                   
<!-- nav off -->
<!-- content on -->
<div class="pg-def">
	<div class="pg-inner cf">
  	<div class="bl-mi-ttl cf">
    	<h1>Mijn lijsten</h1><span class="size">(5)</span>
    </div>
  	<div class="pg-mi-lft">
    	<table class="bl-mi-table">
      	<thead>
        	<tr>
        		<th class="icon"></th>
            <th class="name">Naam</th>
            <th>Aantal onderwrpen</th>
            <th>Laatst gewijzigd</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
        	<tr>
        		<td class="icon"><span class="list"></span></td>
            <td class="name">
            	<h2><a href="#" title="Lonneke’s lijst">Lonneke’s lijst</a></h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur.</p>
            </td>
            <td>5</td>
            <td>16-11-2013</td>
            <td class="link"><a href="#" title="Bewerken">Bewerken</a></td>
          </tr>
          <tr>
        		<td class="icon"><span class="list"></span></td>
            <td class="name">
            	<h2><a href="#" title="Overleg 07072013 - te bespreken">Overleg 07072013 - te bespreken</a></h2>
              <p>Consectetur adipiscing elit. Vestibulum consectetur.</p>
            </td>
            <td>12</td>
            <td>12-10-2013</td>
            <td class="link"><a href="#" title="Bewerken">Bewerken</a></td>
          </tr>
          <tr>
        		<td class="icon"><span class="list"></span></td>
            <td class="name">
            	<h2><a href="#" title="Ter aanvulling tot 22-07-2013">Ter aanvulling tot 22-07-2013</a></h2>
              <p>Consectetur adipiscing elit. Vestibulum consectetur.</p>
            </td>
            <td>13</td>
            <td>11-09-2013</td>
            <td class="link"><a href="#" title="Bewerken">Bewerken</a></td>
          </tr>
          <tr>
        		<td class="icon"><span class="list"></span></td>
            <td class="name">
            	<h2><a href="#" title="Alle aanvragen van Jean-Luc">Alle aanvragen van Jean-Luc</a></h2>
              <p>Consectetur adipiscing elit. Vestibulum consectetur.</p>
            </td>
            <td>24</td>
            <td>01-11-2012</td>
            <td class="link"><a href="#" title="Bewerken">Bewerken</a></td>
          </tr>
          <tr>
        		<td class="icon"><span class="list"></span></td>
            <td class="name">
            	<h2><a href="#" title="Succesvolle subsidie aanvragen">Succesvolle subsidie aanvragen</a></h2>
              <p>Consectetur adipiscing elit. Vestibulum consectetur.</p>
            </td>
            <td>45</td>
            <td>11-09-2013</td>
            <td class="link"><a href="#" title="Bewerken">Bewerken</a></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="pg-foot">
	<div class="pg-inner cf">
  	<ul>
    	<li class="first">&copy; 2011-2012 Onderwijsloket Den Haag</li>
      <li><a href="#" title="Privacy statement">Privacy statement</a></li>
      <li><a href="#" title="Gebruiksvoorwaarden">Gebruiksvoorwaarden</a></li>
      <li><a href="#" title="Contact">Contact</a></li>
      <li><a href="#" title="Help">Help</a></li>
    </ul>
  </div>
</footer>
<!-- footer off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
